<!DOCTYPE html>
<html lang="en">
<head>
	
	<style type="text/css"></style>
    <meta charset="UTF-8">
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
          content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!"/>
    <meta name="Keywords"
          content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
	<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
	<link rel="stylesheet" type="text/css" href="css/base.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
    <!--    引入图标字体-->
    
</head>
<body>
	<!-- header部分 -->
<header>
	<div class="w">
		<a href="#">
			<img src="./img/top.jpg" >
		</a>
	</div>
</header>
<!-- 快速导航栏 -->
<div class="shortcut">
	<div class="w"> 
	 <ul class="fl city ">
	 	<li> <i class="f10"></i><a href="#">北京</a></li>
	 </ul>
	<ul class="fr">
		<li>
		<a href="#">你好，请登录</a>
		<a href="#" class="f10">免费注册</a>
		</li>
		<li class="space"></li>
		<li>
		<a href="#">我的订单</a>
		</li>
		<li class="space"></li><!-- 小丨线 -->
		<li>
			<a href="#">我的京东</a>
			<i></i>
		</li>
		<li class="space"></li>
		<li>
			<a href="#">京东会员</a>
		</li>
		<li class="space"></li>
		<li>
			<a href="#">企业采购</a>
		</li>
		<li class="space"></li>
		<li>
			<a href="#">客户服务</a>
			<i></i>
		</li>
		<li class="space"></li>
		<li>
			<a href="#">网站导航</a>
			<i></i>
		</li>
		<li class="space"></li>	
		<li>
			<a href="#" class="erweima">手机京东
			<img src="img/erweima.png" >
			</a>
		</li>
		
		<li></li>
	</ul>
	 </div>
</div>
<!-- 中间的部分 -->
<div class="w middle"> 
	<div class="logo">
		<hi><!-- 提高权重，便于搜索引擎优化 -->
			<a href="#"></a>
		</hi>
	</div>
	<!-- 搜索框 -->
	<div class="form">
		<input type="text" placeholder="单反相机">
		<button>
			<i></i>
		</button><!-- 按钮 等价于<input type="button"/>只不过是双标签 -->	   <em></em>
	</div>
	<!-- 购物车 -->
	<div class="shopCar">
		<i></i><a href="#" class="f10">我的购物车</a>
		<span>0</span>
	</div>
	<!-- 关键词 -->
	<div class="hotwords">
		<a href="#" class="f10">学生专享</a>
		<a href="#">300减160</a>
		<a href="#">七折返场</a>
		<a href="#">骑行运动</a>
		<a href="#">家电榜单</a>
		<a href="#">无损播放器</a>
		<a href="#">汽车脚垫</a>
		<a href="#">巧克力</a>
		<a href="#">铝合金门窗</a>
	</div>
	<!-- 导航 -->
	<div class="navitems">
		<ul>
			<li><a href="#">秒杀</a></li>
			<li><a href="#">优惠券</a></li>
			<li><a href="#">闪购</a></li>
			<li><a href="#">拍卖</a></li>
			<li class="space"></li>
			<li><a href="#">京东服饰</a></li>
			<li><a href="#">京东超市</a></li>
			<li><a href="#">全球购</a></li>
			<li class="space"></li>
			<li><a href="#">京东金融</a></li>

		</ul>
	</div>
	<div class="super">
		<a href="#">
			<img src="img/computer.jpg" >
		</a>
	</div>
</div>

<div class="w grid" >
	<div class="grid-col1 fl">
		<ul>
			<li><a href="#">家用电器</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
			<li><a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a></li>
		</ul>
	</div>
	<div class="grid-col2 fl">
		<div class="grid-col2-t">
			<a href="#"><img src="./img/banner.jpg" height="340" width="790" ></a>
			<a href="#" class="arrow-l"><</a>
			<a href="#" class="arrow-r">></a>
			<ul class="circle">
				<li></li>
				<li></li>
				<li class="current"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="grid-col2-b">
			<div><img src="./img/pic1.jpg" height="130" width="390" > </div>
			<div><img src="./img/pic2.jpg" height="130" width="390" ></div>
		</div>
	</div>
	<div class="grid-col3 fr">
		<!-- 登录模块 -->
		<div class="login">
			<div class="login-t">
				Hi,欢迎来到京东！<br>
				<a href="#">登录</a>
				<a href="#">注册</a>
				<a href="#" class="user-info"><img src="img/no_login.jpg" ></a>
			</div>
			<div class="login-b">
				<a href="#">
					新人福利
				</a>
				<a href="#">
					PLUS会员
				</a>
			</div>
		</div>
		<!-- 新闻 -->
		<div class="news">
			<div class="news-t">
				<a href="#" class="cuxiao">促销</a>
				<a href="#" class="gg">公告</a>
				<a href="#" class="more">更多</a>
				
			</div>
			<div class="news-b">
				<div>
					<ul>
						<li><a href="#">蓄电池下单立减100元</a></li>
						<li><a href="#">蓄电池下单立减100元</a></li>
						<li><a href="#">蓄电池下单立减100元</a></li>
						<li><a href="#">蓄电池下单立减100元</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 扩展 -->
		<div class="expand">
		<ul>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
			<li><a href="#"><img src="./img/sprite_fs@11x.png"><br>机票</a></li>
		</ul>
		</div>
	</div>
</div>
<div class="bj">
		<a href="#"></a>
</div>







<!-- 页面底部分 -->
<footer>
	<div class="service">
		<div class="w">
			<ul>
				<li>
					<h5>多</h5>
					<p>品类齐全，轻松购物</p>
				</li>
				<li>
					<h5>快</h5>
					<p>多仓直发，极速配送</p>
				</li>
				<li>
					<h5>好</h5>
					<p>正品好货，精致服务</p>
				</li>
				<li>
					<h5>省</h5>
					<p>天天低价，正品无忧</p>
				</li>
			
		
			</ul>
		</div>
	</div>
	<!-- 帮助模块 -->
	<div class="w help">
		<div class="fl">
			<dl>
				<dt>购物指南</dt>
				<dd><a href="#">购物流程</a></dd>
				<dd><a href="#">会员介绍</a></dd>
				<dd><a href="#">生活旅行</a></dd>
				<dd><a href="#">常见问题</a></dd>
				<dd><a href="#">大家电</a></dd>
				<dd><a href="#">联系客服</a></dd>
			</dl>
			<dl>
				<dt>配送方式</dt>
				<dd><a href="#">上门自提</a></dd>
				<dd><a href="#">211限时达</a></dd>
				<dd><a href="#">配送服务查询</a></dd>
				<dd><a href="#">配送费收取标准</a></dd>
				<dd><a href="#">海外配送</a></dd>
			</dl>
			<dl>
				<dt>支付方式</dt>
				<dd><a href="#">货到付款</a></dd>
				<dd><a href="#">在线支付</a></dd>
				<dd><a href="#">分期付款</a></dd>
				<dd><a href="#">邮局汇款</a></dd>
				<dd><a href="#">公司转账</a></dd>
			</dl>
			<dl>
				<dt>售后服务</dt>
				<dd><a href="#">售后政策</a></dd>
				<dd><a href="#">价格保护</a></dd>
				<dd><a href="#">退款说明</a></dd>
				<dd><a href="#">返修/退订</a></dd>
				<dd><a href="#">取消订单</a></dd>
			</dl>
			<dl>
				<dt>特色服务</dt>
				<dd><a href="#">夺宝岛</a></dd>
				<dd><a href="#">DIY装机</a></dd>
				<dd><a href="#">延保服务</a></dd>
				<dd><a href="#">京东E卡</a></dd>
				<dd><a href="#">京东通信</a></dd>
				<dd><a href="#">京东JD+</a></dd>
			</dl>
			
		</div>
		<div class="fr coverage">
			<h5>京东自营覆盖区县</h5>
			<p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。	</p>
			<a href="#">查看详情> </a>
		</div>
		
	</div>
	<!-- 版权 -->
	<div class="w copyright" >
		<p>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
			<a href="#">关于我们</a>
			<span>|</span>
		
		</p>
		<div>
			<p>京公网安备 11000002000088号<span>|</span>京ICP证070359号<span>|</span>互联网药品信息服务资格证编号(京)-经营性-2014-0008<span>|</span>新出发京零 字第大120007号</p>
			
			<p>			互联网出版许可证编号新出网证(京)字150号<span>|</span>出版物经营许可证<span>|</span>网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155</p>			
			<p>			Copyright © 2004 - 2017 京东JD.com 版权所有<span>|</span>消费者维权热线：4006067733经营证照</p>
			<p>			京东旗下网站：京东支付<span>|</span>京东云</p>
		</div>
		<p class="foot-icon">
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
		</p>
	</div>

</footer>
</body>
</html>
